﻿<!doctype html>
<html  class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head  th:replace="~{/public::public-head}">
</head>

<body class="template-color-1">

    <div id="main-wrapper">
        <div th:insert="~{/public::navigate}"></div>
        <div style=" height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>

        <!-- 标题 Start -->
        <div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="page-breadcrumb-content">
                            <ul class="page-breadcrumb">
                                <li><a th:href="@{/home/homepage}">首页</a></li>
                                <li><a th:href="@{/jobs/joblisting/-}">工作列表</a></li>
                            </ul>
                            <h1 id="jobName"></h1>
                            <input hidden id="jobId" th:value="${{jobId}}">
                            <input hidden id="companyId" th:value="${{companyId}}">
                            <div sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
                                 type="text" id="userId" hidden></div>
                            <div sec:authorize="isAuthenticated()" sec:authentication="principal.userName"
                                 type="text" id="userName" hidden></div>
                        </div>
                        <div class="job-meta-detail">
                            <ul>
                                <li class="expries">
                                    <i class="lnr lnr-hourglass"></i>
                                    <span class="text">发布时间： </span>
                                    <span class="date theme-color" id="updateDate"> </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 标题 Start -->

        <!-- 工作要求表格 Start -->
        <div class="job-meta-detail-box section bg_color--5 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row no-gutters">

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-map-marker"></i>
                                <span>工作地点： </span>
                            </div>
                            <div class="field-value" id="companyAddress"></div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-thumbs-up"></i>
                                <span>薪水 </span>
                            </div>
                            <div class="field-value salary">
                                ￥&nbsp;
                                <span id="salaryMin"></span>
                                -
                                <span id="salaryMax"></span>&nbsp;
                                <span id="salaryUnit"></span>

                            </div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-briefcase"></i>
                                <span>类型 </span>
                            </div>
                            <div class="field-value"><a class="fw-600" id="jobType"></a></div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-tag"></i>
                                <span>类别 </span>
                            </div>
                            <div class="field-value"><a id="industry"></a></div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-graduation-hat"></i>
                                <span>经验 </span>
                            </div>
                            <div class="field-value"><a id="experience"></a></div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <!-- Single Meta Field Start -->
                        <div class="single-meta-field">
                            <div class="field-label">
                                <i class="lnr lnr-layers"></i>
                                <span>技能专长 </span>
                            </div>
                            <div class="field-value">
                                <div class="job-skill-tag" id="skills">
                                </div>
                            </div>
                        </div>
                        <!-- Single Meta Field Start -->
                    </div>

                </div>
            </div>
        </div>
        <!-- 工作要求表格 End -->

        <!-- 工作详细信息 Start -->
        <div class="job-details-section section pt-120 pt-lg-100 pt-md-80 pt-sm-50 pt-xs-40 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row">

                    <div class="col-lg-4 order-lg-2 order-2 mt-sm-60 mt-xs-50">
                        <div class="sidebar-wrapper-three">
                            <div class="common-sidebar-widget sidebar-three"  sec:authorize="hasAnyAuthority('addHuntingInfo')">
                                <div class="sidebar-job-apply">
                                    <div class="action-button">
                                        <a class="ht-btn text-center post" onclick="postProfile()">现在申请 <i class="ml-10 mr-0 fa fa-paper-plane"></i></a>
                                        <a class="ht-btn text-center yet-post" disabled="true" style="pointer-events: none;" hidden>已申请过 <i class="ml-10 mr-0 fa fa-check"></i></a>
                                        <span>或者</span>
                                        <div class="line"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="common-sidebar-widget sidebar-three" sec:authorize="hasAnyAuthority('bookmarkJob')">
                                <div class="sidebar-job-share">
                                    <div class="job-share candidate-action" style="text-align: center; margin-top: -40px;">
                                        <ul>
                                            <li class="shouCang"><a onclick="updateBookmark()" >
                                                <span id="followBut" >
                                                    <i class="lnr lnr-heart" ></i>
                                                    <img hidden th:src="@{/images/aixin-2.png}" style="width: 20px;height: 20px;" />
                                                </span>
                                                <span class="text">收藏 </span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="common-sidebar-widget sidebar-three">
                                <h2 class="sidebar-title">该企业发布的工作</h2>
                                <div class="sidebar-job">
                                    <div class="row" id="jobsList">

                                        <div class="col-lg-12">
                                            <!-- Single Job Start  -->
                                            <div class="single-job style-two">
                                                <div class="info-top">
                                                    <div class="job-info">
                                                        <div class="job-info-inner">
                                                            <div class="job-info-top">
                                                                <div class="title-name">
                                                                    <h5 class="job-title">
                                                                        <a href="#">总会计师</a>
                                                                    </h5>
                                                                </div>
                                                            </div>
                                                            <div class="job-meta-two flex-wrap">
                                                                <div class="field-salary_from">
                                                                    <i class="gj-icon gj-icon-money"></i>
                                                                    $ 500-$ 1,000 /月
                                                                </div>
                                                                <div class="field-datetime"><i class="lnr lnr-clock"></i>8个月前</div>
                                                                <div class="field-map"><i class="lnr lnr-map-marker"></i>河内河内</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Single Job End -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="common-sidebar-widget sidebar-three">
                                <div class="sidbar-image">
                                    <a href="#">
                                        <img th:src="@{/images/banner/ads-two.jpg}" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8 order-lg-1 order-1 pr-55 pr-md-15 pr-sm-15 pr-xs-15">

                        <div class="job-detail-content">
                            <div class="field-descriptions mb-60 mb-sm-30 mb-xs-30">
                                <h3>职位描述</h3>

                                <p id="introduce"></p>

                                <h3>您需要的技能和经验</h3>

                                <p id="requirement"></p>


                                <h3>公司简介</h3>
                                <p id="introduction"></p>

                            </div>
                            <div class="job-apply"  sec:authorize="hasAnyAuthority('addHuntingInfo')">
                                <a class="ht-btn text-center post" onclick="postProfile()">现在申请 <i class="ml-10 mr-0 fa fa-paper-plane"></i></a>
                                <a class="ht-btn text-center yet-post" disabled="true" style="pointer-events: none;" hidden>已申请过 <i class="ml-10 mr-0 fa fa-check"></i></a>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!-- 工作详细信息 Section End -->

        <div th:insert="~{/public::footer}"></div>
    </div>

</body>
<div th:replace="~{/public::public-js}"></div>

<script th:src="@{/js/myjob/job/jobDetails.js}"></script>
</html>
